<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <title>博客时间线</title>
    <!--百度统计-->
    <script src="/blog/js/statistics.js"></script>
    <!--layUI的css-->
    <link rel="stylesheet" href="/layui/css/layui.css">
    <!--typo 的css-->
    <link rel="stylesheet" href="/lib/typo/typo.css"/>
    <!--animate 的css-->
    <link rel="stylesheet" type="text/css" href="/lib/animate/css/reset.css"/>
    <link rel="stylesheet" type="text/css" href="/lib/animate/css/animate.css"/>
</head>
<body>
<div class="layui-layout layui-layout-admin showInTop a-time1 a-delay1 ">
    <!--导航栏-->
    <div class="layui-header layui-bg-green">
        <div class="layui-logo  layui-bg-green"><a href="/blog/blog_timeline.html"><h2 class="layui-font-cyan">Blog</h2>
        </a></div>
        <ul class="layui-nav layui-layout-left layui-bg-green">
            <li class="layui-nav-item">
                <a href="index.html">
                    <button id="index_btn" hidden></button>
                    <i class="layui-icon layui-icon-home"></i>首页<span
                        class="layui-badge">9</span></a>
            </li>
            <li class="layui-nav-item layui-hide-xs">
                <a href="/blog/blog_type.html"><i class="layui-icon layui-icon-diamond"></i>分类<span class="layui-badge">9</span></a>
            </li>
            <li class="layui-nav-item layui-hide-xs">
                <a href="/blog/blog_tag.html"><i class="layui-icon layui-icon-note"></i>标签<span
                        class="layui-badge">9</span></a>
            </li>
            <li class="layui-nav-item layui-hide-xs layui-this">
                <a href="/blog/blog_timeline.html"><i class="layui-icon layui-icon-date"></i>时间线<span
                        class="layui-badge">9</span></a>
            </li>
        </ul>
        <ul class="layui-nav layui-layout-right layui-bg-green">
            <li class="layui-nav-item" name="user_li">
                <a href="#"><img src="https://picsum.photos/500" class="layui-nav-img" alt=""><span>游客</span></a>
                <dl class="layui-nav-child">
                    <dd name="not_login_to_hidden" hidden><a href="/blog/personal.html">个人中心</a></dd>
                    <dd name="not_login_to_hidden" hidden><a href="/settings/menu.html">博客管理</a></dd>
                    <dd><a href="/login.html">登录</a></dd>
                    <dd name="not_login_to_hidden" hidden><a href="#" onclick="logout()">退出</a></dd>
                </dl>
            </li>
        </ul>
    </div>

    <!--主体内容-->
    <div id="timeline_list" class="my_opacity typo typo-select"
         style="padding: 6em 5% 10em 5%;width: 90%;">
        <!--博客发布时间线-->
        <!-- <div class="layui-card">
             <div class="layui-card-header" style="text-align: center">
                 <h2>2021年</h2>
             </div>
             <div class="layui-card-body">
                 <ul class="layui-timeline">
                     <li class="layui-timeline-item">
                         <i class="layui-icon layui-timeline-axis">&#xe63f;</i>
                         <div class="layui-timeline-content layui-text">
                             <h3 class="layui-timeline-title">8月</h3>
                             <p>
                             </p>
                             <ul>
                                 <li>
                                     <div class="layui-row">
                                         <div class="layui-col-md4">
                                             <span>spring底层原理解析4</span>
                                         </div>
                                         <div class="layui-col-md-offset4 layui-col-md4">
                                             <i class="layui-icon layui-icon-date"></i>
                                             <span>2021-08-12</span>
                                         </div>
                                     </div>
                                 </li>
                                 <li>
                                     <div class="layui-row">
                                         <div class="layui-col-md4">
                                             <span>spring底层原理解析3</span>
                                         </div>
                                         <div class="layui-col-md-offset4 layui-col-md4">
                                             <i class="layui-icon layui-icon-date"></i>
                                             <span>2021-08-12</span>
                                         </div>
                                     </div>
                                 </li>
                                 <li>
                                     <div class="layui-row">
                                         <div class="layui-col-md4">
                                             <span>spring底层原理解析2</span>
                                         </div>
                                         <div class="layui-col-md-offset4 layui-col-md4">
                                             <i class="layui-icon layui-icon-date"></i>
                                             <span>2021-08-12</span>
                                         </div>
                                     </div>
                                 </li>
                                 <li>
                                     <div class="layui-row">
                                         <div class="layui-col-md4">
                                             <span>spring底层原理解析1</span>
                                         </div>
                                         <div class="layui-col-md-offset4 layui-col-md4">
                                             <i class="layui-icon layui-icon-date"></i>
                                             <span>2021-08-12</span>
                                         </div>
                                     </div>
                                 </li>
                             </ul>
                         </div>
                     </li>
                     <li class="layui-timeline-item">
                         <i class="layui-icon layui-timeline-axis">&#xe63f;</i>
                         <div class="layui-timeline-content layui-text">
                             <h3 class="layui-timeline-title">7月</h3>
                             <p>
                             </p>
                             <ul>
                                 <li>
                                     <div class="layui-row">
                                         <div class="layui-col-md4">
                                             <span>spring底层原理解析4</span>
                                         </div>
                                         <div class="layui-col-md-offset4 layui-col-md4">
                                             <i class="layui-icon layui-icon-date"></i>
                                             <span>2021-08-12</span>
                                         </div>
                                     </div>
                                 </li>
                                 <li>
                                     <div class="layui-row">
                                         <div class="layui-col-md4">
                                             <span>spring底层原理解析3</span>
                                         </div>
                                         <div class="layui-col-md-offset4 layui-col-md4">
                                             <i class="layui-icon layui-icon-date"></i>
                                             <span>2021-08-12</span>
                                         </div>
                                     </div>
                                 </li>
                                 <li>
                                     <div class="layui-row">
                                         <div class="layui-col-md4">
                                             <span>spring底层原理解析2</span>
                                         </div>
                                         <div class="layui-col-md-offset4 layui-col-md4">
                                             <i class="layui-icon layui-icon-date"></i>
                                             <span>2021-08-12</span>
                                         </div>
                                     </div>
                                 </li>
                                 <li>
                                     <div class="layui-row">
                                         <div class="layui-col-md4">
                                             <span>spring底层原理解析1</span>
                                         </div>
                                         <div class="layui-col-md-offset4 layui-col-md4">
                                             <i class="layui-icon layui-icon-date"></i>
                                             <span>2021-08-12</span>
                                         </div>
                                     </div>
                                 </li>
                             </ul>
                         </div>
                     </li>
                     <li class="layui-timeline-item">
                         <i class="layui-icon layui-timeline-axis">&#xe63f;</i>
                         <div class="layui-timeline-content layui-text">
                             <h3 class="layui-timeline-title">6月</h3>
                             <p>
                             </p>
                             <ul>
                                 <li>
                                     <div class="layui-row">
                                         <div class="layui-col-md4">
                                             <span>spring底层原理解析4</span>
                                         </div>
                                         <div class="layui-col-md-offset4 layui-col-md4">
                                             <i class="layui-icon layui-icon-date"></i>
                                             <span>2021-08-12</span>
                                         </div>
                                     </div>
                                 </li>
                                 <li>
                                     <div class="layui-row">
                                         <div class="layui-col-md4">
                                             <span>spring底层原理解析3</span>
                                         </div>
                                         <div class="layui-col-md-offset4 layui-col-md4">
                                             <i class="layui-icon layui-icon-date"></i>
                                             <span>2021-08-12</span>
                                         </div>
                                     </div>
                                 </li>
                                 <li>
                                     <div class="layui-row">
                                         <div class="layui-col-md4">
                                             <span>spring底层原理解析2</span>
                                         </div>
                                         <div class="layui-col-md-offset4 layui-col-md4">
                                             <i class="layui-icon layui-icon-date"></i>
                                             <span>2021-08-12</span>
                                         </div>
                                     </div>
                                 </li>
                                 <li>
                                     <div class="layui-row">
                                         <div class="layui-col-md4">
                                             <span>spring底层原理解析1</span>
                                         </div>
                                         <div class="layui-col-md-offset4 layui-col-md4">
                                             <i class="layui-icon layui-icon-date"></i>
                                             <span>2021-08-12</span>
                                         </div>
                                     </div>
                                 </li>
                             </ul>
                         </div>
                     </li>
                 </ul>
             </div>
         </div>-->

        <!--网站记录时间线-->
        <div class="layui-card">
            <div class="layui-card-header" style="text-align: center">
                <h2>博客网站记录</h2>
            </div>
            <div class="layui-card-body">
                <ul class="layui-timeline">
                    <li class="layui-timeline-item">
                        <i class="layui-icon layui-timeline-axis">&#xe63f;</i>
                        <div class="layui-timeline-content layui-text">
                            <h3 class="layui-timeline-title">1.x.x</h3>
                            <blockquote class="layui-elem-quote">
                                v1.0.0版本发布后，在原有功能基础上，进行了一些调整改进<br/>
                                v1.2.0引入了Redis cluster，不过很快就改为单机版了<br/>
                                用NGINX作反向代理，映射到3个端口下，不过太占内存就改为映射到1个端口了<br/>
                                v1.3.0引入兔小巢等插件
                                <i class="layui-icon layui-icon-face-smile" style="color: #FF0000"></i>
                            </blockquote>

                            <ul>
                                <li>
                                    <h4>v1.3.0&nbsp;<span class="layui-badge-rim">2021-09-28</span></h4>
                                    <ul>
                                        <li>引入canvas插件</li>
                                        <li>引入百度统计</li>
                                        <li>改为redis非集群版</li>
                                        <li class="layui-font-green">引入腾讯兔小巢</li>
                                        <li>个人中心页使用昼夜切换背景</li>
                                        <li>jwt配置改为从yaml中获取</li>
                                    </ul>
                                </li>
                                <li>
                                    <h4>v1.2.0&nbsp;<span class="layui-badge-rim">2021-09-10</span></h4>
                                    <ul>
                                        <li>页面初始化方式改变：由onload事件改为文档就绪事件之后执行；为自定义背景图提供了基础</li>
                                        <li>自定义背景图功能实现</li>
                                        <li class="layui-font-red">引入Redis集群做缓存</li>
                                        <li class="layui-font-green">引入NGINX作反向代理</li>
                                        <li>邮箱验证，忘记密码实现</li>
                                    </ul>
                                </li>
                            </ul>
                        </div>
                    </li>
                    <li class="layui-timeline-item">
                        <i class="layui-icon layui-timeline-axis">&#xe63f;</i>
                        <div class="layui-timeline-content layui-text">
                            <h3 class="layui-timeline-title">2021-08-xx</h3>
                            <p>
                                从2021-08-03渐渐开始此网站的开发<br/>
                                耍了一周再进行页面开发<br/>
                                无论它最后长成什么样子，走得到多远，至少我现在坚持，倾注心力，加油
                                <i class="layui-icon layui-icon-face-smile" style="color: #FF0000"></i>
                            </p>
                            <ul>
                                <li>08-12
                                    <ul>
                                        <li>博客首页大致完成</li>
                                        <li>博客详情页大致完成</li>
                                        <li>博客分类页大致完成</li>
                                        <li>博客标签页大致完成</li>
                                        <li>博客时间线页大致完成</li>
                                    </ul>
                                </li>
                                <li>08-14
                                    <ul>
                                        <li>后台管理首页大致完成</li>
                                        <li>博客发布页大致完成</li>
                                        <li>博客列表页大致完成</li>
                                        <li>分类管理页大致完成</li>
                                        <li>标签管理页大致完成</li>
                                        <li>角色管理页大致完成</li>
                                        <li>用户管理页大致完成</li>
                                        <li>插件集成大致完成</li>
                                    </ul>
                                </li>
                                <li>08-15
                                    <ul>
                                        <li>数据库设计</li>
                                        <li>后端架构搭建完成</li>
                                        <li>登录页完成</li>
                                        <li>登录、注册功能实现</li>
                                        <li>个人信息查询实现</li>
                                        <li>个人信息修改实现</li>
                                    </ul>
                                </li>
                                <li>08-16
                                    <ul>
                                        <li>分类管理页面完成</li>
                                        <li>分类查询完成：列表查询，id查询</li>
                                        <li>分类增加完成</li>
                                        <li>分类修改完成</li>
                                        <li>分类删除完成</li>
                                    </ul>
                                </li>
                                <li>08-17
                                    <ul>
                                        <li>标签管理页面完成</li>
                                        <li>标签查询完成</li>
                                        <li>标签增加完成</li>
                                        <li>标签修改完成</li>
                                        <li>标签删除完成</li>
                                        <li>用户管理页面完成</li>
                                        <li>用户查询完成：分页查询，条件查询，模糊查询</li>
                                        <li>用户增加完成</li>
                                    </ul>
                                </li>
                                <li>08-18
                                    <ul>
                                        <li>用户修改完成：包含密码修改</li>
                                        <li>用户删除完成</li>
                                    </ul>
                                </li>
                                <li>08-19
                                    <ul>
                                        <li>角色管理页面完成</li>
                                        <li>角色查询完成</li>
                                        <li>角色增加完成</li>
                                        <li>角色修改完成</li>
                                        <li>角色删除完成</li>
                                        <li>数据字典管理页面完成</li>
                                        <li>字典信息查询完成</li>
                                    </ul>
                                </li>
                                <li>08-20
                                    <ul>
                                        <li>字典类型查询完成</li>
                                        <li>字典类型添加完成</li>
                                        <li>字典类型修改完成</li>
                                        <li>字典类型删除完成</li>
                                        <li>字典值查询完成</li>
                                        <li>字典值添加完成</li>
                                        <li>字典值修改完成</li>
                                        <li>字典值删除完成</li>
                                    </ul>
                                </li>
                                <li>08-21
                                    <ul>
                                        <li>博客添加页面完成</li>
                                        <li>博客添加完成</li>
                                        <li>博客列表页面完成</li>
                                        <li>博客查询完成：条件查询(非常复杂)，id查询</li>
                                    </ul>
                                </li>
                                <li>08-22
                                    <ul>
                                        <li>博客修改完成</li>
                                        <li>博客删除完成</li>
                                        <li>后台管理大致完成，开始前端展示开发</li>
                                        <li>博客首页完成</li>
                                        <li>博客列表分页查询完成</li>
                                        <li>博客分类页面完成</li>
                                        <li>博客标签页面完成</li>
                                        <li>完善了一部分权限处理</li>
                                    </ul>
                                </li>
                                <li>08-23
                                    <ul>
                                        <li>博客详情展示完成</li>
                                        <li>markdown转HTML完成</li>
                                        <li>目录动态生成完成</li>
                                        <li>typo.css引用完成</li>
                                        <li>animate动画添加完成</li>
                                        <li>评论分页查询完成</li>
                                        <li>评论添加完成</li>
                                        <li>CDN方式引入改为从服务器获取</li>
                                        <li>博客时间线完成(很复杂)</li>
                                        <li>● V1.0.0版本正式上线</li>
                                    </ul>
                                </li>
                                <li>08-24
                                    <ul>
                                        <li>bug修复</li>
                                        <li>博客观看次数功能完成：计时事件：1分钟增加观看次数</li>
                                        <li>前端展示页面调整以适应手机端</li>
                                        <li>后台管理页面调整：增加菜单的响应式呼出</li>
                                        <li>icon图标改善</li>
                                        <li>增加草稿箱功能</li>
                                        <li>增加回收站功能</li>
                                        <li>引入插件：看板娘</li>
                                        <li>● V1.1.1 版本发布</li>
                                    </ul>
                                </li>
                                <li>08-25
                                    <ul>
                                        <li>页面小改</li>
                                        <li>看板娘适应手机</li>
                                        <li>增加个人中心页面</li>
                                        <li>个人中心页面完成</li>
                                        <li>用户修改密码完成</li>
                                        <li>● V1.1.2 版本</li>
                                    </ul>
                                </li>
                            </ul>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
    </div>

    <!--底部footer-->
    <footer class="my_layui-footer">
        <div class="layui-container">
            <div class="layui-row layui-col-space10">
                <div class="layui-col-md3 layui-col-sm3">
                    <img src="/blog/img/二维码.png" alt="图片"
                         style="width: 100px; height: 100px; margin-right: 10px; border-radius: 10%;">
                </div>
                <div class="layui-col-md3 layui-col-sm3">
                    <h4>最新博客</h4>
                    <ul class="layui-nav layui-nav-tree layui-bg-gray">
                        <li class="layui-nav-item"><i class="layui-icon layui-icon-email"></i>博客1</li>
                        <li class="layui-nav-item"><i class="layui-icon layui-icon-email"></i>博客2</li>
                    </ul>
                </div>
                <div class="layui-col-md3 layui-col-sm3">
                    <h4>联系我</h4>
                    <ul class="layui-nav layui-nav-tree layui-bg-gray">
                        <li class="layui-nav-item"><i class="layui-icon layui-icon-email"></i>767719297@qq.com</li>
                        <li class="layui-nav-item"><i class="layui-icon layui-icon-cellphone"></i>15082687458</li>
                    </ul>
                </div>
                <div class="layui-col-md3 layui-col-sm3">
                    <h4>先留着</h4>
                    <ul class="layui-nav layui-nav-tree layui-bg-gray">
                        <li class="layui-nav-item"><i class="layui-icon layui-icon-email"></i>767719297@qq.com</li>
                        <li class="layui-nav-item"><i class="layui-icon layui-icon-cellphone"></i>15082687458</li>
                    </ul>
                </div>
            </div>
        </div>
    </footer>

</div>

</body>
</html>

<style>
    body {
        background-image: url("https://z3.ax1x.com/2021/08/28/hly7I1.jpg");
        background-repeat: repeat;
        background-size: 100% auto;
    }

    .my_layui-footer {
        position: relative;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 990;
        height: auto;
        line-height: 44px;
        padding: 0 15px;
        /*box-shadow: -1px 0 4px rgb(0 0 0 12%);*/
        background-color: #FAFAFA
    }

    .my_progress {
        position: fixed;
        top: 60px;
        right: 0;
        left: 0;
        z-index: 1000;
    }
</style>
<!--layUI的js-->
<script src="/layui/layui.js"></script>
<!--jQuery-->
<script src="/jquery-3.6.0.min.js"></script>
<!--引入自己的js-->
<script src="/blog/js/common.js"></script>
<script src="/blog/js/timeline.js"></script>
<script src="/blog/js/background.js"></script>
<!--引入看板娘-->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/font-awesome/css/font-awesome.min.css">
<script src="/lib/live2d/autoload.js"></script>